<div id="contenedorAgregarJuego" >
	<div id="textoAgregarJuego" class="col-sm-offset-2">
		<p   style="font-size: 15px" class="lead"> Introduce el nombre y la url del juego que se quiere agregar. <br>
		</p>
	</div>
	<form method="post" class="form-horizontal"  id="agregar_juego" >
			<div id="nombre"  class="form-group">
				<label  for="nombre" class="col-xs-3 col-sm-2 control-label">Nombre:</label>
				<div class="col-sm-offset-2 col-xs-offset-1 col-xs-6 col-sm-8">
					<textarea name="nombre" placeholder="Aqui el nombre del juego" class="form-control" required></textarea>
				</div>
			</div>
			<div id="url"  class="form-group">
				<label  for="url" class="col-xs-3 col-sm-2 control-label">URL:</label>
				<div class="col-sm-offset-2 col-xs-offset-1 col-xs-6 col-sm-8">
					<textarea name="url" placeholder="Aqui la URL del juego" class="form-control" required></textarea>
				</div>
			</div>
			<div id="button"  class="form-group">
				<input type="submit" id="guardar" value="Guardar" class="btn btn-primary col-xs-offset-1"/>
				<input type="reset" value="Cancelar" class="btn btn-primary"/>
			</div>
	</form>
</div>
	
<script>

// Para hacer el submit del formulario
$('form').submit(function(event) {
		 
	event.preventDefault();

	var data = JSON.stringify($('form').serializeObject());
	$.ajax({
		type: "POST",
		url: "../dispatcher/plataforma/incluirJuego",
		data: data,
		beforeSend: function(xhr) {  
				xhr.setRequestHeader("Accept", "application/json");  
				xhr.setRequestHeader("Content-Type", "application/json");  
		},  
		success: function (datos) {    
				alert("Juego incluido");
		 },
		 complete:function(){
	            $("form").each(function(){
	                this.reset();
	            });
	     },
		 error : function (data, status, er) {
			alert("error" + data + " status " +status+" er:"+er );
		 }
	}); 
}); 

</script>